<template>
	<view class="gjl-components">
		<view class="h-box"></view>
		<view class="fix-content">
			<view class="left" @click="jRouter({path: 'index',replace: 'switchTab'})">
				<image :src="initConfig.vip_page.vip_footer_home" mode=""></image>
			</view>
			<view class="right">
				<view class="btn">
					立即开通
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		computed: {
			...mapState({
				initConfig: 'initConfig'
			})
		},
	}
</script>

<style scoped lang="scss">
	.gjl-components{
		display: flex;
		image{
			height: 100%;
			width: 100%;
		}
		.h-box{
			height: 110rpx;
		}
		.fix-content{
			position: fixed;
			z-index: 999;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 110rpx;
			display: flex;
			padding: 0 30rpx;
			box-sizing: border-box;
			.left{
				display: flex;
				width: 98rpx;
				height: 98rpx;
				min-width: 98rpx;
				margin-right: 20rpx;
			}
			.right{
				flex: 1;
				.btn{
					background: linear-gradient(360deg, #2E2E2E 0%, #7A6B5A 100%);
					border-radius: 49px;
					width: 100%;
					text-align: center;
					font-size: 32rpx;
					font-weight: 500;
					line-height: 98rpx;
					color: #FFE6BF;
				}
			}
		}
	}
</style>